function clearValue(){
	$(".text").val("");
}

function selectValue(){
	var pbWidth=$(".js-bar").width(),
	    textValue=$(".text").val(),
	    perValue=textValue/pbWidth;
	    
    if(isNaN(textValue)){
    	
    	$(".curpb").css({
    	    "width":pbWidth*0
        });
    	
    	$(".js-box p").html("0.0%");
    
    }else if(textValue > pbWidth){
    	
    	$(".curpb").css({
    	    "width":pbWidth*1
        });
    	
    	$(".js-box p").html("100.0%");
    
    }else{
    	
    	$(".curpb").css({
    	    "width":perValue*pbWidth
        });
        
        $(".js-box p").html((perValue*100).toFixed(1)+"%");
    };
}

function autoPb(){
	var pbWidth=$(".js-bar").width(),
	    textValue=$(".text").val();
  
	for(var i=0;i <= pbWidth;i++){
		var perValue=i/pbWidth;
		
		$(".curpb").css({
			"width":perValue*pbWidth
		});
		
		$(".js-box p").html((perValue*100).toFixed(1)+"%");
	};
}

